{extend name="Index/index" /}

{block name="main"}

<script>
    // 设置弹框参数
    toastr.options = {
        closeButton: true,// 是否显示关闭按钮
        progressBar: true,// 实现显示计时条
        timeOut: "3000",  // 自动关闭时间
        positionClass: "toast-bottom-left" // 提示位置
        // positionClass: "toast-top-full-width" // 提示位置
        // toast-top-full-width 顶端，宽度铺满整个屏幕
        // toast-top-right  顶端右边
    };

    $(function () {
        // 触发 删除用户
        $('.del-btn').click(function () {
            var ac_id = $(this).attr('data-id');
            console.log('删除的ID: ' + $(this).attr('data-id'));

            if (confirm('你确定要 [ 删除 ] 吗?')) {
                var obj = $(this).parents('tr');
                // console.log(obj);
                delAjax(ac_id, obj);
            }
        });
    });

    // 执行AJAX删除
    function delAjax(id, obj) {
        $.ajax({
            type: 'delete',
            url: '/studio/' + id,
            dataType: 'json',
            success: function (data) {
//                 console.log(data);
                if (data.status) {
                    toastr.success(data.info);
                    obj.remove();
                } else {
                    toastr.error(data.info, 'FBI WARING: ');
                }
            },
            error: function () {
                alert('AJAX操作失败');
            }
        });
    }
</script>

    <h2>
        影厅管理
        <small>
            <i class="icon-double-angle-right"></i>
            <span style="color: deepskyblue;">影厅列表</span>
        </small>
    </h2>

    <table class="table table-hover bg-info">
        <thead>
        <tr>
            <th>影厅ID</th>
            <th>影厅名称</th>
            <th>影厅座位数</th>
            <th>所属影院</th>
            <th>影厅类型</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        {volist name="data" key="k" id="v" }
        <tr>
            <td>{$v.id}</td>
            <td>{$v.studio_name}</td>
            <td>{:preg_match_all('/[a-z]/', $v['studio_seat'])}</td>
            <td>{$v.cinema}</td>
            <td>{$v['studio_type']}</td>
            <td>
                <button class="btn btn-danger del-btn" data-id="{$v['id']}">删除</button>
                <a href="{:url('admin/Studio/edit', ['id'=>$v.id])}">修改</a>
            </td>
        </tr>
        {/volist}
        </tbody>


    </table>

{/block}
